<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 原viewport -->
    <!-- <meta name=viewport content="width=750,user-scalable=no">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="pragram" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <title>极速钣喷</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=f7GpjqXB2NkRGlzqIqywWTbo"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script>
      // 适配所有移动端，1rem=100px
        !function (d) {
            var c = d.document;
            var a = c.documentElement;
            var b = d.devicePixelRatio;
            var f;

            function e() {
              var h = a.getBoundingClientRect().width, g;
              // alert(b)
              if (b === 1) {
                h = 750
              }
              if(h>750) h = 750;//设置基准值的极限值
              g                = h / 7.5;
              a.style.fontSize = g + "px"
              // alert(g)
            }

            if (b > 2) {
              b = 3
            } else {
              if (b > 1) {
                b = 2
              } else {
                b = 1
              }
            }
            a.setAttribute("data-dpr", b);
            d.addEventListener("resize", function () {
              clearTimeout(f);
              f = setTimeout(e, 200)
            }, false);

            e()
        }(window);
    </script>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
